import React, { useState } from 'react'
import IllnessSearchBar from '../../component/IllnessSearchBar'
import './index.css'

import IllnessData from '../../component/IllnessData'
// 知识页面
const Index: React.FC = () => {
  const [illness] = useState(
    [
      {
        id: 1,
        name: '疾病',
        All: '查看全部',
        children: [
          {
            id:11,
            name: '失眠',
            desc: '可由精神或生活状态和身体疾病导致',
            desc1: '表现为入睡困难、睡眠维持困难、日间功能损伤',
            desc2: '需要通过生活方式调整、心理和药物来纠正',
          },
          {
            id: 12,
            name: '抑郁症',
            desc: '是社会、心理和生理因素共同作用的结果',
            desc1: '核心症状为情绪低落、兴趣缺乏、意志减退',
            desc2: '可行药物有及心理治疗、一般效果良好',
          },
          {
            id: 13,
            name: '腰椎间盘突出',
            desc: '本病是基本病因为腰椎间盘退行性变',
            desc1: '大多数经保守治疗可缓解症状，无效时需手术',
            desc2: '注意保持良好坐姿，避免床垫过软，加强腰部锻炼',
          },
          {
            id: 14,
            name: '不孕不育',
            desc: '女方原因引起叫不孕症，男方引起叫不育症',
            desc1: '导致不孕不育的原因很复杂、不容易查清病因。',
            desc2: '不能正常怀孕时，夫妻双方应一起检查',
          },
          {
            id: 15,
            name: '脑梗塞',
            desc: '也叫缺血性卒中、脑梗死、脑梗、脑栓塞',
            desc1: '发病 4，5小时以内是治疗的黄金期',
            desc2: '轻者预后良好,严重者危机生命',
          }, {
            id: 16,
            name: '颈椎病',
            desc: '是以颈椎退行病变所引起的临床综合征',
            desc1: '治疗基本原则为先非手术治疗，无效后在手术。',
            desc2: '注意避免不良坐姿、站姿及睡姿，加强体育锻炼',
          },
          {
            id: 17,
            name: '乳腺癌',
            desc: '表现为乳房无痛小肿块、腋下淋巴结肿大',
            desc1: '治疗以叔叔为主，联合放疗、化疗等治疗方式',
            desc2: '早期生存率高，早发现，及时治疗是关键',
          },
          {
            id: 18,
            name: '痔疮',
            desc: '也叫寻常性痔疮,俗称粉刺或青春痘',
            desc1: '最常出现在面、颈、胸、肩或背部，程度可轻可重',
            desc2: '寻常痔疮一般在25岁之后可减轻或痊愈',
          }
        ]
      },

      {
        id: 2,
        name: '疫苗',
        All: '查看全部',
        children: [
          {
            id: 21,
            name: '新冠疫苗',
            desc: '是社会、心理和生理因素共同作用的结果',
            desc1: '核心症状为情绪低落、兴趣缺乏、意志减退',
            desc2: '可行药物有及心理治疗、一般效果良好',
          },
          {
            id: 22,
            name: 'HPV疫苗',
            desc: '也叫寻常性痔疮,俗称粉刺或青春痘',
            desc1: '最常出现在面、颈、胸、肩或背部，程度可轻可重',
            desc2: '寻常痔疮一般在25岁之后可减轻或痊愈',
          },
          {
            id: 23,
            name: '狂犬疫苗',
            desc: '也叫寻常性痔疮,俗称粉刺或青春痘',
            desc1: '最常出现在面、颈、胸、肩或背部，程度可轻可重',
            desc2: '寻常痔疮一般在25岁之后可减轻或痊愈',
          },
          {
            id: 24,
            name: '卡介苗',
            desc: '也叫寻常性痔疮,俗称粉刺或青春痘',
            desc1: '最常出现在面、颈、胸、肩或背部，程度可轻可重',
            desc2: '寻常痔疮一般在25岁之后可减轻或痊愈',
          },
          {
            id: 25,
            name: '乙肝疫苗',
            desc: '本病是基本病因为腰椎间盘退行性变',
            desc1: '大多数经保守治疗可缓解症状，无效时需手术',
            desc2: '注意保持良好坐姿，避免床垫过软，加强腰部锻炼',
          }, {
            id: 26,
            name: '百白破',
            desc: '本病是基本病因为腰椎间盘退行性变',
            desc1: '大多数经保守治疗可缓解症状，无效时需手术',
            desc2: '注意保持良好坐姿，避免床垫过软，加强腰部锻炼',
          },
          {
            id: 27,
            name: '流感疫苗',
            desc: '本病是基本病因为腰椎间盘退行性变',
            desc1: '大多数经保守治疗可缓解症状，无效时需手术',
            desc2: '注意保持良好坐姿，避免床垫过软，加强腰部锻炼',
          },
          {
            id: 28,
            name: '流脑疫苗',
            desc: '本病是基本病因为腰椎间盘退行性变',
            desc1: '大多数经保守治疗可缓解症状，无效时需手术',
            desc2: '注意保持良好坐姿，避免床垫过软，加强腰部锻炼',
          }
        ]
      },

      {
        id: 3,
        name: '检查',
        All: '查看全部',
        children: [
          {
            id: 31,
            name: '血常规', desc: '本病是基本病因为腰椎间盘退行性变',
            desc1: '大多数经保守治疗可缓解症状，无效时需手术',
            desc2: '注意保持良好坐姿，避免床垫过软，加强腰部锻炼',
          },
          {
            id: 32,
            name: '血脂', desc: '本病是基本病因为腰椎间盘退行性变',
            desc1: '大多数经保守治疗可缓解症状，无效时需手术',
            desc2: '注意保持良好坐姿，避免床垫过软，加强腰部锻炼',
          },
          {
            id: 33,
            name: '血糖', desc: '本病是基本病因为腰椎间盘退行性变',
            desc1: '大多数经保守治疗可缓解症状，无效时需手术',
            desc2: '注意保持良好坐姿，避免床垫过软，加强腰部锻炼',
          },
          {
            id: 34,
            name: '胃镜',
            desc: '本病是基本病因为腰椎间盘退行性变',
            desc1: '大多数经保守治疗可缓解症状，无效时需手术',
            desc2: '注意保持良好坐姿，避免床垫过软，加强腰部锻炼',
          },
          {
            id: 35,
            name: '肠镜',
            desc: '本病是基本病因为腰椎间盘退行性变',
            desc1: '大多数经保守治疗可缓解症状，无效时需手术',
            desc2: '注意保持良好坐姿，避免床垫过软，加强腰部锻炼',
          }, {
            id: 36,
            name: '冠脉造影',
            desc: '本病是基本病因为腰椎间盘退行性变',
            desc1: '大多数经保守治疗可缓解症状，无效时需手术',
            desc2: '注意保持良好坐姿，避免床垫过软，加强腰部锻炼',
          },
          {
            id: 37,
            name: '穿刺活检',
            desc: '本病是基本病因为腰椎间盘退行性变',
            desc1: '大多数经保守治疗可缓解症状，无效时需手术',
            desc2: '注意保持良好坐姿，避免床垫过软，加强腰部锻炼',
          },
          {
            id: 38,
            name: '肝功能',
            desc: '本病是基本病因为腰椎间盘退行性变',
            desc1: '大多数经保守治疗可缓解症状，无效时需手术',
            desc2: '注意保持良好坐姿，避免床垫过软，加强腰部锻炼',
          }
        ]
      },
      {
        id: 4,
        name: '治疗',
        All: '查看全部',
        children: [
          {
            id: 41,
            name: '放疗',
            desc: '本病是基本病因为腰椎间盘退行性变',
            desc1: '大多数经保守治疗可缓解症状，无效时需手术',
            desc2: '注意保持良好坐姿，避免床垫过软，加强腰部锻炼',
          },
          {
            id: 42,
            name: '化疗',
            desc: '本病是基本病因为腰椎间盘退行性变',
            desc1: '大多数经保守治疗可缓解症状，无效时需手术',
            desc2: '注意保持良好坐姿，避免床垫过软，加强腰部锻炼',
          },
          {
            id: 43,
            name: '试管婴儿',
            desc: '本病是基本病因为腰椎间盘退行性变',
            desc1: '大多数经保守治疗可缓解症状，无效时需手术',
            desc2: '注意保持良好坐姿，避免床垫过软，加强腰部锻炼',
          },
          {
            id: 44,
            name: '近视手术',
            desc: '本病是基本病因为腰椎间盘退行性变',
            desc1: '大多数经保守治疗可缓解症状，无效时需手术',
            desc2: '注意保持良好坐姿，避免床垫过软，加强腰部锻炼',
          },
          {
            id: 45,
            name: '人流',
            desc: '本病是基本病因为腰椎间盘退行性变',
            desc1: '大多数经保守治疗可缓解症状，无效时需手术',
            desc2: '注意保持良好坐姿，避免床垫过软，加强腰部锻炼',
          }, {
            id: 46,
            name: '关节置换',
            desc: '本病是基本病因为腰椎间盘退行性变',
            desc1: '大多数经保守治疗可缓解症状，无效时需手术',
            desc2: '注意保持良好坐姿，避免床垫过软，加强腰部锻炼',
          },
          {
            id: 47,
            name: '包皮环切',
            desc: '本病是基本病因为腰椎间盘退行性变',
            desc1: '大多数经保守治疗可缓解症状，无效时需手术',
            desc2: '注意保持良好坐姿，避免床垫过软，加强腰部锻炼',
          },
          {
            id: 48,
            name: '心脏介入',
            desc: '本病是基本病因为腰椎间盘退行性变',
            desc1: '大多数经保守治疗可缓解症状，无效时需手术',
            desc2: '注意保持良好坐姿，避免床垫过软，加强腰部锻炼',
          }
        ]
      }
    ])
  const data = localStorage.getItem('collect');

  console.log(data, 'data');

  return (
    <div>
      <IllnessSearchBar></IllnessSearchBar>

      <div className='illness'>
        <div className='illness-collerr'>
          <p>
            我的收藏
          </p>
          {
            data && JSON.parse(data).map((item: any, index: number) => (
              <div key={index} className='illnesslerr'>
                <div className='illnesslerrS'>
                  <div className='illnesslerrS-text'>
                    {item.name}
                  </div>
                </div>
              </div>
            ))
          }
        </div>
        <IllnessData illness={illness}></IllnessData>
      </div>
    </div>
  )
}

export default Index